html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,img,em,hr{
    margin:0;
    padding:0;
    -webkit-text-size-adjust:none}
html{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}
*,:before,:after{
    -webkit-box-sizing:inherit;
    -moz-box-sizing:inherit;
    box-sizing:inherit}
body{
    font-family:'PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,WOL_SB,'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;
    font-size:12px;
    font-weight:400;
    color:#666;
    background:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizelegibility}
select{
    -webkit-appearance:menulist-button}
ol,ul{
    list-style:none}
fieldset,img{
    border:0}
table{
    border-spacing:0;
    border-collapse:collapse;
    -webkit-font-smoothing:initial;
    -moz-osx-font-smoothing:initial;
    text-rendering:auto}
i{
    font-style:normal}
a{
    text-decoration:none;
    color:#666;
    transition:all .2s ease-in-out}
a:hover{
    transition:initial}
a.link,.font-underline{
    text-decoration:underline}
a:hover,.font-underline:hover{
    text-decoration:none}
a.disabled{
    cursor:not-allowed;
    color:#c2c2c2}
a.disabled:hover{
    background:none!important}

.none,.hidden{
    display:none}

.visible{
    visibility:visible!important}

.invisible{
    visibility:hidden!important}
em{
    font-style:normal}
th{
    font-weight:400}
hr{
    border:0;
    height:1px}
:focus{
    outline:0}

.display-none{
    display:none}

.display-inline{
    display:inline!important}

.display-inline-block{
    display:inline-block}

.display-block{
    display:block!important}

.cursor-pointer{
    cursor:pointer}

.cursor-default{
    cursor:default!important}

.cursor-move{
    cursor:move}

.cursor-crosshair{
    cursor:crosshair}

.cursor-no-drop{
    cursor:no-drop}

.cursor-none{
    cursor:none!important}

.cursor-not-allowed{
    cursor:not-allowed!important}

.user-select-none{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none}input[type=text]:focus{
    box-shadow:0 -2px 0 0 #5182e4 inset}input[type=text],input[type=password],input[type=number],input[type=email]{
    font-size:12px;
    height:24px;
    background:transparent;
    font-family:'PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,'Microsoft yahei',Tahoma,Verdana,Arial,sans-serif;
    border:0;
    border-radius:0;
    color:rgba(10,18,32,.87);
    box-shadow:0 -1px 0 0 rgba(81,130,228,.6) inset}::selection{
    background-color:rgba(81,130,228,.2)}::-moz-selection{
    background-color:rgba(81,130,228,.2)}select:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #000}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:rgba(10,18,32,.46)}input:-moz-placeholder,textarea:-moz-placeholder{
    color:rgba(10,18,32,.46)}input::-moz-placeholder,textarea::-moz-placeholder{
    color:rgba(10,18,32,.46)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:rgba(10,18,32,.46)}input:focus{
    outline:0}

.input{
    color:#666}input[type=text]{
    border-radius:0}input[type=radio]{
    position:relative;
    margin:0 1px 0 0;
    -webkit-user-select:none;
    border:2px solid rgba(0,0,0,.15);
    -webkit-appearance:none}input[type=radio]{
    bottom:2px;
    width:14px;
    height:14px;
    vertical-align:middle;
    border-radius:100%;
    cursor:pointer}input[type=radio]:checked{
    border:2px solid rgba(114,175,217,.5);
    background-image:none}input[type=radio]:checked::before{
    position:absolute;
    top:3px;
    right:3px;
    bottom:3px;
    left:3px;
    display:block;
    content:'';
    border-radius:100%;
    background-color:#72afd9}input[type=radio]:active{
    box-shadow:none;
    text-shadow:none}input[type=checkbox]{
    position:relative;
    margin:0 1px 0 0;
    cursor:pointer;
    -webkit-user-select:none;
    border:1px solid rgba(0,0,0,.25);
    border-radius:0;
    -webkit-appearance:none}input[type=checkbox]{
    bottom:2px;
    width:12px;
    height:12px;
    vertical-align:middle;
    background-color:#f2f2f2}input[type=checkbox]:disabled{
    background-color:#eee}input[type=checkbox]:checked{
    border:0;
    background-color:#72afd9}input[type=checkbox]:checked::before{
    position:absolute;
    top:5px;
    left:4px;
    width:65%;
    height:2px;
    content:'';
    -webkit-transform:rotate(135deg);
    background-color:#fff}input[type=checkbox]:checked::after{
    position:absolute;
    top:6px;
    left:2px;
    width:5px;
    height:2px;
    content:'';
    -webkit-transform:rotate(-135deg);
    background-color:#fff}input[type=checkbox]:active{
    box-shadow:none;
    text-shadow:none}input[disabled=disabled],select[disabled=disabled]{
    opacity:.24}input[type=text].input-disabled,input[type=number].input-disabled{
    opacity:.4;
    cursor:not-allowed}input:-webkit-autofill{
    background-color:transparent!important}input::-ms-clear{
    display:none;
    width:0;
    height:0}

.select-a{
    line-height:24px;
    width:180px;
    height:24px;
    margin:2px;
    padding-left:5px}

.select{
    margin:2px;
    padding-left:5px}

.select-b{
    line-height:24px;
    height:24px}

.select-s{
    line-height:24px;
    height:24px}textarea{
    resize:none}

.border-box{
    box-sizing:border-box!important}body>a{
    display:none}

.fl{
    float:left}

.fr{
    float:right}

.fr-icon-btn{
    float:right;
    position:absolute;
    right:0;
    width:60px}

.clear{
    clear:both}

.clearfix:before,.clearfix:after{
    display:table;
    content:''}

.clearfix:after{
    clear:both}

.clearfix{
    zoom:1}

.vm{
    vertical-align:middle!important}

.vt{
    vertical-align:top!important}

.vb{
    vertical-align:bottom!important}

.space10{
    width:100%;
    height:10px}

.space15{
    width:100%;
    height:15px}

.r0{
    right:0}

.z1{
    z-index:1}

.no-margin{
    margin:0!important}

.no-padding{
    padding:0!important}

.mg0{
    margin:0}

.mg16{
    margin:16px}

.mg8{
    margin:8px}

.mg16{
    margin:16px}

.mg24{
    margin:24px}

.ml0{
    margin-left:0!important}

.ml4{
    margin-left:4px}

.ml5{
    margin-left:5px}

.ml5-i{
    margin-left:5px!important}

.ml6{
    margin-left:6px}

.ml8{
    margin-left:8px}

.ml10{
    margin-left:10px}

.ml12{
    margin-left:12px}

.ml15{
    margin-left:15px}

.ml16{
    margin-left:16px}

.ml20{
    margin-left:20px}

.ml24{
    margin-left:24px}

.ml26{
    margin-left:26px}

.ml32{
    margin-left:32px}

.ml36{
    margin-left:36px}

.ml56{
    margin-left:56px}

.ml140{
    margin-left:140px!important}

.mr0{
    margin-right:0!important}

.mr4{
    margin-right:4px}

.mr4-i{
    margin-right:4px!important}

.mr5{
    margin-right:5px}

.mr8{
    margin-right:8px!important}

.mr10{
    margin-right:10px}

.mr14{
    margin-right:14px}

.mr15{
    margin-right:15px}

.mr16{
    margin-right:16px!important}

.mr20{
    margin-right:20px}

.mr22{
    margin-right:22px}

.mr24{
    margin-right:24px}

.mr30{
    margin-right:30px}

.mr32{
    margin-right:32px}

.mr40{
    margin-right:40px}

.mt-2{
    margin-top:-2px}

.mt0{
    margin-top:0}

.mt2{
    margin-top:2px}

.mt4{
    margin-top:4px}

.mt5{
    margin-top:5px}

.mt6{
    margin-top:6px}

.mt8{
    margin-top:8px}

.mt10{
    margin-top:10px}

.mt12{
    margin-top:12px}

.mt16{
    margin-top:16px!important}

.mt20{
    margin-top:20px}

.mt24{
    margin-top:24px!important}

.mt30{
    margin-top:30px}

.mt32{
    margin-top:30px}

.mt36{
    margin-top:36px}

.mt40{
    margin-top:40px}

.mt42-i{
    margin-top:42px!important}

.mt45{
    margin-top:45px}

.mt60{
    margin-top:60px}

.mt70{
    margin-top:70px}

.mb20{
    margin-bottom:20px}

.mb16{
    margin-bottom:16px}

.mb15{
    margin-bottom:15px}

.mb0{
    margin-bottom:0}

.mb4{
    margin-bottom:4px}

.mb8{
    margin-bottom:8px}

.mb10{
    margin-bottom:10px}

.mb16{
    margin-bottom:16px!important}

.mb24{
    margin-bottom:24px!important}

.mb32{
    margin-bottom:32px!important}

.mb-24{
    margin-bottom:-24px}

.pd2{
    padding:2px}

.pd3{
    padding:3px}

.pd5{
    padding:5px}

.pd8{
    padding:8px}

.pd10{
    padding:10px}

.pd8{
    padding:8px}

.pd16{
    padding:16px}

.pd15{
    padding:15px}

.pd20{
    padding:20px}

.pd24{
    padding:24px}

.pb0{
    padding-bottom:0}

.pb10{
    padding-bottom:10px}

.pb20{
    padding-bottom:20px}

.pt0{
    padding-top:0}

.pb16{
    padding-bottom:16px}

.pt8{
    padding-top:8px}

.pb8{
    padding-bottom:8px}

.pt4{
    padding-top:4px}

.pt10{
    padding-top:10px}

.pt12{
    padding-top:12px}

.pt16{
    padding-top:16px}

.pt24{
    padding-top:24px}

.pl8{
    padding-left:8px!important}

.pr8{
    padding-right:8px}

.pl10{
    padding-left:10px!important}

.pr10{
    padding-right:10px!important}

.pl12{
    padding-left:12px}

.pr16{
    padding-right:16px}

.pr24{
    padding-right:24px}

.pr28{
    padding-right:28px}

.pr32{
    padding-right:32px}

.pr64{
    padding-right:64px}

.pl15{
    padding-left:15px}

.pl18{
    padding-left:18px}

.pt20{
    padding-top:20px}

.pl20{
    padding-left:20px}

.pr20{
    padding-right:20px}

.pl16{
    padding-left:16px!important}

.pl24{
    padding-left:24px}

.pl32{
    padding-left:32px}

.pl36{
    padding-left:36px}

.pl48{
    padding-left:48px}

.center{
    margin:0 auto}

.br2{
    border-radius:2px}

.br3{
    border-radius:3px}

.br4{
    border-radius:4px}

.br6{
    border-radius:6px}

.br8{
    border-radius:8px}

.br2-t-l{
    border-top-left-radius:2px}

.br2-t-r{
    border-top-right-radius:2px}

.no-shadow{
    box-shadow:none!important}

.cr{
    color:red!important}

.cr-hint{
    color:#ff855a!important}

.cr-999{
    color:#999}

.cr-link{
    color:#5182E4}

.cr-white{
    color:#fff}

.cr-bdp{
    color:#7ABCE9}

.bgc-fff{
    background-color:#fff}

.ps{
    position:static!important}

.pr{
    position:relative}

.pa{
    position:absolute}

.pf{
    position:fixed}

.nowrap{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis}

.no-border{
    border:0!important}

.no-border-right{
    border-right:0!important}

.no-border-top{
    border-top:0!important}

.text-center{
    text-align:center!important}

.text-left{
    text-align:left}

.text-right{
    text-align:right}

.text-decoration-none{
    text-decoration:none}

.text-decoration-underline,.text-decoration-hover-underline:hover{
    text-decoration:underline}

.text-decoration-underline:hover{
    text-decoration:none}

.overflow-hidden{
    overflow:hidden}

.overflow-auto{
    overflow:auto}

.overflow-y-scroll{
    overflow-y:scroll}

.overflow-scroll{
    overflow:scroll}

.word-break-all{
    word-break:break-all}

.w100{
    width:100%!important}

.w100px{
    width:100px!important}

.w120px{
    width:130px!important}

.w130px{
    width:130px!important}

.w168{
    width:168px}

.w180{
    width:180px}

.w208{
    width:208px}

.w240{
    width:240px}

.w360{
    width:360px}

.w150{
    width:150px!important}

.w200{
    width:200px!important}

.w80{
    width:80px!important}

.w60{
    width:60px!important}

.height100-i{
    height:100%!important}

.height100{
    height:100px!important}

.height240{
    height:240px!important}

.h40{
    height:40px}

.icon-size24{
    width:24px;
    height:24px}

.icon-size16{
    width:16px;
    height:16px}h5{
    font-size:12px}

.errTipsLayer{
    position:fixed;
    left:0;
    width:100%;
    top:4px;
    z-index:20000;
    text-align:center}

.errTips{
    display:inline-block;
    text-align:center;
    min-width:300px;
    line-height:32px;
    color:#FFF;
    background-color:#E45151;
    padding:0 5px;
    box-shadow:0 0 6px 0 rgba(0,0,0,.1),0 12px 24px 0 rgba(0,0,0,.3)}

.ng-cloak{
    display:none!important}

.font-w-n{
    font-weight:400}

.font-w-b{
    font-weight:700}

.fontsize-10{
    font-size:10px}

.font-size-12{
    font-size:12px}

.font-size-14{
    font-size:14px}

.font-size-22{
    font-size:22px}

.operator-help-link{
    color:#7ABCE9;
    float:left;
    line-height:32px;
    text-decoration:underline;
    cursor:pointer;
    margin:0 0 0 16px}

.operator-help-link .bdp-icon{
    margin-right:4px}

.operator-help-link:hover{
    text-decoration:none}

.height-auto{
    height:auto!important}

.height-32{
    height:32px;
    line-height:32px}

.line-height-18{
    line-height:18px!important}

.line-height-19{
    line-height:19px}

.line-height-20{
    line-height:20px!important}

.line-height-22{
    line-height:22px}

.line-height-24{
    line-height:24px!important}

.line-height-25{
    line-height:25px}

.line-height-32{
    line-height:32px!important}

.line-height-42{
    line-height:42px}

.elem-bg-gray,.elem-gray-hover:hover{
    background-color:rgba(0,0,0,.06)}

.under-workspace{
    height:calc(100% - 40px)!important}

.date-layer{
    z-index:1000}div[date-picker]{
    padding:10px}[date-range] [date-picker] .after.before,[date-range-bdp] [date-picker] .after.before{
    border-radius:50%}[date-range] [date-picker] .after.before:hover,[date-range] [date-picker] .after.before:active,[date-range] [date-picker] .after.before.active,[date-range] [date-picker] .after.before.disabled,[date-range] [date-picker] .after.before[disabled],[date-range-bdp] [date-picker] .after.before:hover,[date-range-bdp] [date-picker] .after.before:active,[date-range-bdp] [date-picker] .after.before.active,[date-range-bdp] [date-picker] .after.before.disabled,[date-range-bdp] [date-picker] .after.before[disabled]{
    border-radius:50%}div[date-picker] .active,div[date-picker] .now{
    border-radius:50%}[date-picker] .active:hover,[date-picker] .active:active,[date-picker] .active.active,[date-picker] .active.disabled,[date-picker] .active[disabled]{
    border-radius:50%}div[date-picker] .now:hover,div[date-picker] .now:active,div[date-picker] .now.active,div[date-picker] .now.disabled,div[date-picker] .now[disabled]{
    border-radius:50%}[date-picker] td,[date-picker] th{
    padding:0 8px!important}[date-picker] td span:hover{
    border-radius:50%}[date-picker] [ng-switch-when=year] span{
    width:32px!important;
    height:32px!important;
    line-height:32px!important;
    margin:6px 12px!important}[date-picker] [ng-switch-when=month] span{
    width:24px!important;
    height:24px!important;
    line-height:24px!important;
    margin:6px 12px!important}div[date-picker] [ng-switch-when=date] span{
    width:26px!important}

.opacity1-i{
    opacity:1!important}

.opacity6{
    opacity:.6}

.opacity4{
    opacity:.4}

.tooltip-inner{
    border-radius:0!important}

.transition{
    transition:all .3s ease-in-out}

.animated-ready .introduce1_2{
    opacity:0}

.animated-ready .introduce1_3{
    opacity:0}

.animated-ready .introduce2_2{
    opacity:0}

.animated-ready .introduce2_3{
    opacity:0}

.animated-ready .introduce3_2{
    opacity:0}

.animated-ready .introduce3_3{
    opacity:0}

.animated-ready .introduce4_4{
    opacity:0}

.animated-ready .introduce4_5{
    opacity:0}

.animated-ready .introduce4_6{
    opacity:0}

.animated-ready .introduce5_2{
    opacity:0}

.animated-ready .introduce5_3{
    opacity:0}

.animated .introduce1_2{
    opacity:0;
    -webkit-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce1_3{
    opacity:0;
    -webkit-animation:fadeInLeft80 2s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -moz-animation:fadeInLeft80 2s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -ms-animation:fadeInLeft80 2s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -o-animation:fadeInLeft80 2s cubic-bezier(0.215,.61,.355,1) .6s 1;
    animation:fadeInLeft80 2s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce2_2{
    -webkit-animation:zoomIn60 1.6s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -moz-animation:zoomIn60 1.6s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -ms-animation:zoomIn60 1.6s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -o-animation:zoomIn60 1.6s cubic-bezier(0.215,.61,.355,1) .6s 1;
    animation:zoomIn60 1.6s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce2_3{
    -webkit-animation:fadeInRight80 1.4s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:fadeInRight80 1.4s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:fadeInRight80 1.4s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:fadeInRight80 1.4s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:fadeInRight80 1.4s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce3_2{
    width:684px;
    max-width:100%;
    transform-origin:280px 50%;
    -webkit-animation:rotate60 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -moz-animation:rotate60 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -ms-animation:rotate60 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -o-animation:rotate60 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    animation:rotate60 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce3_3{
    -webkit-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:fadeInLeft80 1.6s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce4_2{
    -webkit-animation:fadeOut 1.8s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -moz-animation:fadeOut 1.8s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -ms-animation:fadeOut 1.8s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -o-animation:fadeOut 1.8s cubic-bezier(0.215,.61,.355,1) .6s 1;
    animation:fadeOut 1.8s cubic-bezier(0.215,.61,.355,1) .6s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce4_3{
    -webkit-animation:fadeOut 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -moz-animation:fadeOut 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -ms-animation:fadeOut 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -o-animation:fadeOut 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    animation:fadeOut 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce4_4{
    -webkit-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -moz-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -ms-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -o-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) .8s 1;
    animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce4_5{
    -webkit-animation:fadeIn 1s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -moz-animation:fadeIn 1s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -ms-animation:fadeIn 1s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -o-animation:fadeIn 1s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    animation:fadeIn 1s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce4_6{
    -webkit-animation:fadeIn 1.8s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -moz-animation:fadeIn 1.8s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -ms-animation:fadeIn 1.8s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -o-animation:fadeIn 1.8s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    animation:fadeIn 1.8s cubic-bezier(0.215,.61,.355,1) 1.6s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce5_2{
    -webkit-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:fadeInRight80 1.8s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .introduce5_3{
    -webkit-animation:zoomIn80 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -moz-animation:zoomIn80 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -ms-animation:zoomIn80 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -o-animation:zoomIn80 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    animation:zoomIn80 1.6s cubic-bezier(0.215,.61,.355,1) .8s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .banner-img{
    -webkit-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.animated .banner-content{
    -webkit-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:fadeInBottom 2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}@media screen and (max-width:767px){
    .animated .introduce3_2{
    width:100%;
    transform-origin:50% 50%;
    background-position:center center}}@keyframes fadeInBottom{
    0%{
    opacity:0;
    transform:translateY(100px)}100%{
    opacity:1;
    transform:translateY(0)}}@keyframes fadeInRight80{
    0%{
    opacity:0;
    transform:translateX(80px)}100%{
    opacity:1;
    transform:translateX(0)}}@keyframes fadeInRight120{
    0%{
    opacity:0;
    transform:translateX(120px)}100%{
    opacity:1;
    transform:translateX(0)}}@keyframes fadeInLeft80{
    0%{
    opacity:0;
    transform:translateX(-80px)}100%{
    opacity:1;
    transform:translateX(0)}}@keyframes fadeInLeft120{
    0%{
    opacity:0;
    transform:translateX(-120px)}100%{
    opacity:1;
    transform:translateX(0)}}@keyframes fadeIn{
    0%{
    opacity:0}100%{
    opacity:1}}@keyframes zoomIn80{
    0%{
    opacity:0;
    transform:scale(0.8)}100%{
    opacity:1}}@keyframes zoomIn60{
    0%{
    opacity:0;
    transform:scale(0.6)}100%{
    opacity:1}}@keyframes rotate60{
    0%{
    opacity:0;
    transform:rotate(60deg)}100%{
    opacity:1}}@keyframes fadeOutLeft80{
    0%{
    opacity:1}100%{
    opacity:0;
    transform:translateX(-80px)}}@keyframes fadeOut{
    0%{
    opacity:1}100%{
    opacity:0}}

.slidesjs-container,.slidesjs-control{
    height:740px!important}

.slidesjs-pagination{
    position:absolute;
    left:0;
    right:0;
    bottom:114px;
    z-index:300;
    margin-left:-12px;
    text-align:center}

.slidesjs-pagination .slidesjs-pagination-item{
    display:inline-block}

.slidesjs-pagination .slidesjs-pagination-item a{
    display:block;
    background:#fff;
    width:8px;
    height:8px;
    margin-left:12px;
    border-radius:100%;
    opacity:.3;
    transition:all .2s ease-in-out}

.slidesjs-pagination .slidesjs-pagination-item a:hover{
    background:transparent;
    opacity:1;
    box-shadow:0 0 0 2px #fff}

.slidesjs-pagination .slidesjs-pagination-item a.active{
    opacity:1}

.home-banner-wrap{
    position:relative;
    width:100%;
    height:740px;
    overflow:hidden}

.home-banner{
    width:100%;
    padding-top:80px;
    height:740px;
    overflow:hidden}

.home-banner+.banner{
    display:none}

.home-banner .container{
    position:relative;
    height:100%}

.home-banner .banner-img{
    position:absolute;
    left:510px;
    bottom:130px;
    height:520px;
    z-index:-1;
    text-align:center}

.home-banner .banner-img img{
    height:100%}

.home-banner .banner-content{
    padding:0 0 0 80px}

.home-banner .banner-title{
    padding-top:118px;
    line-height:56px;
    font-size:40px;
    font-weight:200;
    color:#fff}

.home-banner .banner-slogan{
    max-width:450px;
    margin:16px 0 32px;
    line-height:28px;
    font-size:14px;
    color:#fff;
    opacity:.7}

.home-banner.banner-1{
    -webkit-background:linear-gradient(to top,#6895FA 0,#645CF3 100%);
    -moz-background:linear-gradient(to top,#6895FA 0,#645CF3 100%);
    -ms-background:linear-gradient(to top,#6895FA 0,#645CF3 100%);
    -o-background:linear-gradient(to top,#6895FA 0,#645CF3 100%);
    background:linear-gradient(to top,#6895FA 0,#645CF3 100%)}

.home-banner.banner-1 .banner-slogan{
    font-size:18px;
    letter-spacing:10px}

.home-banner.banner-1 .free-use-btn.btn-white{
    color:#4F60BF}

.home-banner.banner-2{
    -webkit-background:linear-gradient(134.33deg,#8460FF 0,#8831F6 59.49%,#892CF5 66.77%,#8927F4 73.2%,#8A20F3 82.45%,#8B12F0 100%);
    -moz-background:linear-gradient(134.33deg,#8460FF 0,#8831F6 59.49%,#892CF5 66.77%,#8927F4 73.2%,#8A20F3 82.45%,#8B12F0 100%);
    -ms-background:linear-gradient(134.33deg,#8460FF 0,#8831F6 59.49%,#892CF5 66.77%,#8927F4 73.2%,#8A20F3 82.45%,#8B12F0 100%);
    -o-background:linear-gradient(134.33deg,#8460FF 0,#8831F6 59.49%,#892CF5 66.77%,#8927F4 73.2%,#8A20F3 82.45%,#8B12F0 100%);
    background:linear-gradient(134.33deg,#8460FF 0,#8831F6 59.49%,#892CF5 66.77%,#8927F4 73.2%,#8A20F3 82.45%,#8B12F0 100%)}

.home-banner.banner-2 .free-use-btn.btn-white{
    color:#6C33D8}

.home-banner.banner-3{
    -webkit-background:linear-gradient(314.45deg,#FF9A44 0,#FC6076 100%);
    -moz-background:linear-gradient(314.45deg,#FF9A44 0,#FC6076 100%);
    -ms-background:linear-gradient(314.45deg,#FF9A44 0,#FC6076 100%);
    -o-background:linear-gradient(314.45deg,#FF9A44 0,#FC6076 100%);
    background:linear-gradient(314.45deg,#FF9A44 0,#FC6076 100%)}

.home-banner.banner-3 .free-use-btn.btn-white{
    color:#D83E3B}

.home-banner.banner-4{
    -webkit-background:linear-gradient(135deg,#4481EB 0,#04BEFE 100%);
    -moz-background:linear-gradient(135deg,#4481EB 0,#04BEFE 100%);
    -ms-background:linear-gradient(135deg,#4481EB 0,#04BEFE 100%);
    -o-background:linear-gradient(135deg,#4481EB 0,#04BEFE 100%);
    background:linear-gradient(135deg,#4481EB 0,#04BEFE 100%)}

.home-banner.banner-4 .free-use-btn.btn-white{
    color:#226DC0}

.home-banner.banner-5{
    -webkit-background:linear-gradient(180deg,rgba(0,180,197,.77) 0,rgba(86,235,182,.5) 100%),linear-gradient(135deg,#00C5C8 0,#0ED1AB 76.09%,#76E0C8 100%);
    -moz-background:linear-gradient(180deg,rgba(0,180,197,.77) 0,rgba(86,235,182,.5) 100%),linear-gradient(135deg,#00C5C8 0,#0ED1AB 76.09%,#76E0C8 100%);
    -ms-background:linear-gradient(180deg,rgba(0,180,197,.77) 0,rgba(86,235,182,.5) 100%),linear-gradient(135deg,#00C5C8 0,#0ED1AB 76.09%,#76E0C8 100%);
    -o-background:linear-gradient(180deg,rgba(0,180,197,.77) 0,rgba(86,235,182,.5) 100%),linear-gradient(135deg,#00C5C8 0,#0ED1AB 76.09%,#76E0C8 100%);
    background:linear-gradient(180deg,rgba(0,180,197,.77) 0,rgba(86,235,182,.5) 100%),linear-gradient(135deg,#00C5C8 0,#0ED1AB 76.09%,#76E0C8 100%)}

.home-banner.banner-5 .free-use-btn.btn-white{
    color:#0B9C89}

.home-banner .pc{
    display:block}

.home-banner .mobile{
    display:none}@media (max-width:991px){
    .home-banner{
    padding-top:64px}

.home-banner .banner-title{
    padding-top:60px}

.home-banner .banner-img{
    position:static;
    height:375px}

.home-banner .banner-slogan{
    padding:0 64px;
    max-width:100%}

.home-banner .banner-content{
    padding:0;
    text-align:center}}@media (max-width:459px){
    .home-banner{
    padding-top:40px}

.home-banner .banner-title{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
    font-size:34px;
    line-height:1.6em;
    font-weight:400}

.home-banner .banner-slogan{
    padding:0 24px;
    text-align:justify}

.home-banner .banner-img{
    position:absolute;
    left:0;
    bottom:100px;
    width:100%;
    height:280px}

.home-banner .banner-img img{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:auto}

.home-banner.banner-1 .banner-slogan{
    text-align:center}

.home-banner .pc{
    display:none}

.home-banner .mobile{
    display:block}}

.client{
    padding:100px 0;
    text-align:center}

.client .client-title{
    margin-bottom:24px;
    text-align:center;
    font-weight:300;
    color:rgba(10,18,32,.87);
    font-size:36px;
    line-height:50px}

.client .client-intro{
    margin-bottom:32px;
    line-height:28px;
    text-align:center;
    font-size:14px;
    color:rgba(10,18,32,.64)}

.client .free-use-btn{
    margin-bottom:60px}

.client .job-wrap{
    margin:0 40px 24px;
    height:120px;
    background:url(/personal/img/client/job_617328e.png) center center no-repeat;
    background-size:contain}

.client .job{
    width:100%;
    height:100%;
    background:url(/personal/img/client/jobcontain_5b876fd.png) center center repeat-y;
    background-size:contain}

.client .enterprise-wrap{
    display:inline-block;
    margin:-16px 0 0 -16px}

.client .enterprise-wrap .enterprise-item-wrap{
    float:left;
    margin:16px 0 0 16px;
    border:1px solid #D2DDE5;
    background:#fff}

.client .enterprise-wrap .enterprise-item-wrap .enterprise-item{
    display:table-cell;
    width:150px;
    height:66px;
    vertical-align:middle}

.client .enterprise-wrap .enterprise-item-wrap .enterprise-item img{
    transform:scale(0.5)}

/*.client .ico-wanda{
    background:url(/personal/img/client/wanda_c4b34a6.png) center center no-repeat;
    background-size:129px 46px}

.client .ico-alibaba{
    background:url(/personal/img/client/alibaba_202451c.png) center center no-repeat;
    background-size:83px 46px}

.client .ico-biguitu{
    background:url(/personal/img/client/biguitu_fa9c068.png) center center no-repeat;
    background-size:64px 45px}

.client .ico-mangguotvhuiyuan{
    background:url(/personal/img/client/mangguotvhuiyuan_85d9950.png) center center no-repeat;
    background-size:78px 24px}

.client .ico-chinaunicom{
    background:url(/personal/img/client/chinaunicom_f5c95a9.png) center center no-repeat;
    background-size:82px 58px}

.client .ico-yiqi{
    background:url(/personal/img/client/yiqi_ac27b46.png) center center no-repeat;
    background-size:110px 55px}

.client .ico-tencent{
    background:url(/personal/img/client/tencent_8874542.png) center center no-repeat;
    background-size:118px 46px}

.client .ico-didi{
    background:url(/personal/img/client/didi_a3b408d.png) center center no-repeat;
    background-size:95px 32px}

.client .ico-nielsen{
    background:url(/personal/img/client/nielsen_967a248.png) center center no-repeat;
    background-size:60px 60px}

.client .ico-shunfeng{
    background:url(/personal/img/client/shunfeng_956b12a.png) center center no-repeat;
    background-size:108px 40px}

.client .ico-wangyi{
    background:url(/personal/img/client/wangyi_619d55c.png) center center no-repeat;
    background-size:105px 38px}

.client .ico-pingan_2{
    background:url(/personal/img/client/pingan_2_534a796.png) center center no-repeat;
    background-size:79px 36px}*/

.client .ico-client{
    display:inline-block;
    height:100%;
    width:100%}@media (max-width:767px){
    .client{
    padding:80px 0}

.client .client-title{
    padding:0 40px;
    font-size:36px;
    line-height:50px}

.client .client-intro{
    padding:0 40px}

.client .free-use-btn{
    margin-bottom:40px}

.client .job-wrap{
    background-image:url(/personal/img/client/job768_76831c6.png)}}@media (max-width:459px){
    .client{
    padding:64px 0}

.client .client-title{
    margin-bottom:16px;
    font-size:28px;
    line-height:1.6em}

.client .client-intro{
    padding:0 20px;
    margin-bottom:24px}

.client .job-wrap{
    height:96px;
    margin-left:12px;
    margin-right:12px;
    background-image:url(/personal/img/client/job460_611c84b.png)}}@media (min-width:336px){
    .enterprise-wrap{
    max-width:352px}}@media (min-width:504px){
    .enterprise-wrap{
    max-width:520px}}@media (min-width:668px){
    .enterprise-wrap{
    max-width:672px}}@media (min-width:840px){
    .enterprise-wrap{
    max-width:856px}}@media (min-width:1008px){
    .enterprise-wrap{
    max-width:1024px}}
body{
    color:rgba(10,18,32,.64)}

.row{
    overflow:hidden}

.col-md-1{
    float:left;
    width:8.33333%}@media (max-width:767px){
    .col-md-1{
    width:100%}}

.col-md-2{
    float:left;
    width:16.66667%}@media (max-width:767px){
    .col-md-2{
    width:100%}}

.col-md-3{
    float:left;
    width:25%}@media (max-width:767px){
    .col-md-3{
    width:100%}}

.col-md-4{
    float:left;
    width:33.33333%}@media (max-width:767px){
    .col-md-4{
    width:100%}}

.col-md-5{
    float:left;
    width:41.66667%}@media (max-width:767px){
    .col-md-5{
    width:100%}}

.col-md-6{
    float:left;
    width:50%}@media (max-width:767px){
    .col-md-6{
    width:100%}}

.col-md-7{
    float:left;
    width:58.33333%}@media (max-width:767px){
    .col-md-7{
    width:100%}}

.col-md-8{
    float:left;
    width:66.66667%}@media (max-width:767px){
    .col-md-8{
    width:100%}}

.col-md-9{
    float:left;
    width:75%}@media (max-width:767px){
    .col-md-9{
    width:100%}}

.col-md-10{
    float:left;
    width:83.33333%}@media (max-width:767px){
    .col-md-10{
    width:100%}}

.col-md-11{
    float:left;
    width:91.66667%}@media (max-width:767px){
    .col-md-11{
    width:100%}}

.bdp-a{
    color:#5182e4;
    text-decoration:underline}

.bdp-a:hover{
    text-decoration:none}

.ml-4{
    margin-left:-4px}

.mr-4{
    margin-right:-4px}

.bdp-icon{
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:middle}#dash,.download-btn-mobile{
    display:none}@media screen and (min-width:768px) and (max-width:992px){
    #member_info{
    display:none}#instructional_video{
    display:none}}

.container{
    max-width:1346px;
    margin:0 auto}

.hide{
    display:none}

.free-use-btn{
    display:inline-block;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease-in-out}

.free-use-btn.btn-blue{
    min-width:120px;
    padding:0 32px;
    line-height:40px;
    border-radius:40px;
    font-size:14px;
    background:#2E68DC;
    box-shadow:0 4px 8px 0 rgba(30,62,124,.15);
    color:#fff}

.free-use-btn.btn-blue:hover{
    background:#3B69C3;
    box-shadow:0 16px 24px 0 rgba(23,57,126,.15),0 4px 8px 0 rgba(30,62,124,.15)}

.free-use-btns.btn-whites{
    display: flex;
    width: 200px;
    padding: 0 40px;
    margin: 20px auto;
    margin-top: 40px;
    line-height:48px;
    border-radius:40px;
    font-size:15px;
    background:#6cbbf7;
    color:#fff;
    box-shadow:0 4px 8px 0 rgba(30,62,124,.15)}
 .free-use-btn.btn-white{
    padding: 0 40px;
    line-height:48px;
    border-radius:40px;
    font-size:15px;
    background:#fff;
    color:rgba(10,18,32,.64);
    box-shadow:0 4px 8px 0 rgba(30,62,124,.15)}

.free-use-btn.btn-white:hover{
    color:rgba(10,18,32,.87);
    background:#FFF;
    box-shadow:0 16px 24px 0 rgba(23,57,126,.15),0 4px 8px 0 rgba(30,62,124,.15)}

.btn-animation{
    line-height:28px;
    padding:0 14px;
    font-weight:700;
    font-size:14px;
    background:transparent;
    color:#fff;
    border:1px solid #fff;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    transition:.2s all 0s cubic-bezier(0.2,1,.3,1)}

.btn-animation span{
    position:relative;
    z-index:2}

.btn-animation::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:150%;
    height:100%;
    z-index:0;
    opacity:0;
    -webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
    transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transition:-webkit-transform .3s,opacity .3s,background .3s;
    transition:transform .3s,opacity .3s,background .3s}

.btn-animation:hover{
    border:1px solid #fff;
    color:#5182e4;
    transition:.2s all 0s cubic-bezier(0.2,1,.3,1)}

.btn-animation:hover::before{
    background:#fff;
    opacity:1;
    -webkit-transform:rotate3d(0,0,1,0deg);
    transform:rotate3d(0,0,1,0deg);
    -webkit-transition-timing-function:cubic-bezier(0.2,1,.3,1);
    transition-timing-function:cubic-bezier(0.2,1,.3,1)}@media (max-width:767px){
    .btn-animation{
    border:0}

.btn-animation:hover{
    border:0}

.btn-animation::before,.btn-animation:hover::before{
    display:none}}body.instructional-video{
    background:#F3F8FC}

.banner{
    height:360px;
    text-align:center}

.banner .banner-title{
    padding-top:128px;
    margin-bottom:8px;
    font-size:40px;
    line-height:56px;
    font-weight:300;
    color:#fff}

.banner .banner-slogan{
    font-size:14px;
    line-height:22px;
    color:rgba(255,255,255,.7)}@media screen and (max-width:767px){
    .banner{
    height:auto;
    padding:0 24px}

.banner .banner-title{
    padding-top:70px;
    margin-bottom:0;
    font-size:36px;
    line-height:45px;
    font-weight:300}

.banner .banner-slogan{
    margin-top:12px;
    padding-bottom:32px;
    font-size:14px;
    line-height:22px}}

.ngdialog{
    background:rgba(213,217,220,.94)}

.ngdialog-overlay{
    background:0 0}

.ngdialog.ngdialog-theme-default .ngdialog-close{
    background:url(/personal/img/member/delete_c6b8f91.svg?__sprite) 0 0 no-repeat}

.ngdialog.ngdialog-theme-default .ngdialog-content{
    background:#F0F2F3;
    color:rgba(10,18,32,.64);
    box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 16px 24px 0 rgba(170,182,206,.36)}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary,.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary,.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-disabled,.ngdialog.ngdialog-theme-default .row .btn:disabled{
    background:transparent;
    color:#5182e4}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary:hover,.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary:hover{
    background:rgba(81,130,228,.1)}

.tab-bdp{
    height:34px;
    line-height:34px;
    box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1)}

.tab-bdp .tab-bdp__item:hover{
    opacity:1}

.tab-bdp .tab-bdp__item:hover:after{
    width:100%}

.tab-bdp .tab-bdp__item{
    position:relative;
    float:left;
    font-size:14px;
    cursor:pointer;
    font-weight:700;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out}

.tab-bdp .tab-bdp__item+.tab-bdp__item{
    margin-left:32px}

.tab-bdp .tab-bdp__item.active{
    opacity:1;
    color:#585BF4}

.tab-bdp .tab-bdp__item.active:after{
    width:100%}

.tab-bdp .tab-bdp__item:after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height:2px;
    width:0;
    background:#585BF4;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out}@media screen and (max-width:767px){
    .tab-bdp{
    width:100%;
    height:50px;
    line-height:50px;
    white-space:nowrap;
    overflow-x:auto;
    box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1)}

.tab-bdp:hover .tab-bdp__item{
    opacity:1}

.tab-bdp .tab-bdp__item{
    display:inline-block;
    float:none;
    padding:0 16px;
    font-size:15px}

.tab-bdp .tab-bdp__item+.tab-bdp__item{
    margin-left:0}}

.feature-wrap{
    background:#F3F8FC}

.feature-wrap .container{
    position:relative;
    z-index:100;
    max-width:1466px;
    padding:0 80px;
    background:transparent}

.feature{
    margin-top:-100px;
    padding:64px;
    background:#fff;
    box-shadow:0 8px 24px 0 rgba(63,74,105,.16)}

.feature .feature-title{
    margin-bottom:8px;
    text-align:center;
    font-weight:300;
    color:rgba(10,18,32,.87);
    font-size:36px;
    line-height:50px}

.feature .feature-item-wrap{
    float:left;
    width:33.33%;
    margin:40px 0 24px}

.feature .feature-item-wrap .feature-item{
    padding:0 10px;
    max-width:240px;
    margin:0 auto}

.feature .feature-item-wrap .symbol{
    width:64px;
    height:64px;
    border-radius:100%;
    text-align:center;
    box-shadow:0 6px 12px 0 rgba(44,45,77,.12)}

.feature .feature-item-wrap .summary{
    margin-top:24px;
    margin-bottom:12px;
    line-height:22px;
    font-size:16px;
    color:rgba(10,18,32,.87)}

.feature .feature-item-wrap .detail{
    height:60px;
    line-height:20px;
    text-align:justify;
    font-size:12px;
    color:rgba(10,18,32,.46)}

.feature .ico-feature{
    display:inline-block;
    width:40px;
    height:40px;
    margin:12px}

.feature .ico-feature-1{
    background:url(../images/icon/feature1_868f568.png) 0 0 no-repeat;
    background-size:cover}

.feature .ico-feature-2{
    background:url(../images/icon/feature4_f38e0ed.png) 0 0 no-repeat;
    background-size:cover}

.feature .ico-feature-3{
    background:url(../images/icon/feature2_49f508d.png) 0 0 no-repeat;
    background-size:cover}

/*.feature .ico-feature-4{
    background:url(/personal/img/feature/feature4_f38e0ed.png) 0 0 no-repeat;
    background-size:cover}

.feature .ico-feature-5{
    background:url(/personal/img/feature/feature5_e4ff9fc.png) 0 0 no-repeat;
    background-size:cover}

.feature .ico-feature-6{
    background:url(/personal/img/feature/feature6_997c705.png) 0 0 no-repeat;
    background-size:cover}*/

 @media (max-width:991px){
 .feature{
    padding:64px 40px}

.feature .feature-item-wrap{
    width:50%}}@media (max-width:767px){
    .feature-wrap .container{
    padding:0 40px}

.feature{
    padding:64px 20px}

.feature .feature-title{
    max-width:446px;
    margin:0 auto;
    font-size:36px;
    line-height:50px}

.feature .feature-item-wrap{
    margin:32px 0 0;
    text-align:center}

.feature .feature-item-wrap .symbol{
    width:48px;
    height:48px;
    margin:0 auto}

.feature .feature-item-wrap .summary{
    font-size:14px;
    line-height:20px}

.feature .feature-item-wrap .detail{
    height:100px}

.feature .ico-feature{
    width:32px;
    height:32px;
    margin:8px;
    background-size:cover}}@media (max-width:459px){
    .feature-wrap .container{
    padding:0}

.feature .feature-title{
    max-width:340px;
    font-size:28px;
    line-height:1.6em}

.feature .feature-item-wrap{
    margin:24px 0 0}

.feature .feature-item-wrap .detail{
    display:none}}
footer{
    width:100%;
    min-height:300px;
    background:#1C1F37;
    color:rgba(255,255,255,.7)}footer a{
    color:rgba(255,255,255,.7)}footer a:hover{
    color:#fff;
    text-decoration:underline}footer .container{
    max-width:960px;
    margin:0 auto;
    padding-top:56px;
    font-size:12px}footer .container .row{
    margin:0;
    padding-bottom:28px}footer .footer-opt,footer .footer-mesg,footer .footer-code{
    padding:0}footer .footer-opt{
    width:40%}footer .footer-mesg{
    width:100%;
    margin:16px 0 10px}footer .footer-code{
    width:15%;
    text-align:right}footer .footer-code p{
    float:right;
    width:120px;
    margin:0 -10px 0 0;
    text-align:center}footer .footer-code p.code-name{
    margin-bottom:8px;
    letter-spacing:4px}footer .footer-code p.code-info{
    margin-top:8px;
    color:rgba(255,255,255,.42)}footer .copyright{
    padding-right:8px;
    width:100%;
    color:rgba(255,255,255,.42)}footer .ico{
    position:absolute;
    top:2px;
    left:0}

.footer-nav-container{
    display:inline-block;
    line-height:24px}

.footer-nav-container li{
    float:left;
    margin-right:10px}

.footer-nav-container .disc{
    width:3px;
    height:3px;
    border-radius:100%;
    background:rgba(255,255,255,.7);
    display:inline-block;
    margin:0 0 3px 10px}footer .footer-mesg li{
    position:relative;
    padding-left:24px;
    line-height:20px}

.ico{
    width:16px;
    height:16px;
    margin-right:16px}

.ico-address{
    background:url(../images/icon/location_04164ae.png) no-repeat;
    display:inline-block;
    background-size:cover}

/*.ico-phone{
    background:url(/personal/img/footer/phone_1030ce0.png?__sprite) no-repeat;
    display:inline-block;
    background-size:cover}*/

.ico-email{
    background:url(../images/icon/mail_2b8b3ed.png) no-repeat;
    display:inline-block;
    background-size:cover}

.ico-qq{
    background:url(../images/icon/q_q.png) no-repeat;
    display:inline-block;
    background-size:cover}

.ico-zhihu{
    background:url(../images/icon/zhihu_54fc1ca.png) no-repeat;
    display:inline-block;
    background-size:cover}@media screen and (min-width:768px) and (max-width:992px){
    footer .container{
    width:700px}footer .container .row{
    position:relative}footer .footer-opt{
    width:100%;
    margin-bottom:8px}footer .footer-mesg{
    width:360px;
    padding-left:0}footer .footer-code{
    position:absolute;
    right:15px}footer .footer-code:nth-child(3){
    right:165px}

.copyright{
    position:absolute;
    top:160px;
    left:0;
    width:320px;
    padding-left:15px}}@media screen and (max-width:767px){
    footer{
    width:100%;
    min-height:316px;
    text-align:center}footer .container{
    position:relative;
    padding-top:222px;
    padding-bottom:65px}footer .footer-opt{
    width:100%}footer .footer-mesg{
    width:100%;
    padding-left:0}footer .footer-mesg{
    overflow:hidden;
    width:358px;
    margin:0 auto 42px;
    padding-left:20px}footer .footer-mesg li{
    width:50%;
    text-align:left;
    margin-top:8px}footer .footer-mesg li:nth-child(odd){
    }footer .footer-mesg li:nth-child(odd) .ico{
    }footer .footer-mesg li:first-child{
    width:100%;
    padding-left:24px}footer .footer-mesg li:first-child .ico{
    left:0}footer .footer-code{
    position:absolute;
    left:50%;
    top:0;
    width:100px;
    margin-left:-50px;
    margin-top:56px;
    margin-bottom:56px}footer .footer-code:nth-child(2){
    margin-left:-158px}footer .footer-code:nth-child(3){
    margin-left:58px}

.footer-nav-container .disc{
    display:none}

.footer-nav-container{
    display:none}

.icp{
    padding-bottom:20px}

.contact-container{
    padding-bottom:20px}footer .footer-code p{
    float:none;
    width:120px;
    margin:0 0 0 -10px;
    text-align:center;
    line-height:18px}footer .footer-code:nth-child(3) p{
    }footer .footer-code:nth-child(3) p{
    }}@media screen and (max-width:460px){
    footer .container{
    margin-right:0;
    margin-left:0;
    padding-left:0;
    padding-right:0}

.footer-nav-container li{
    float:none;
    display:inline-block;
    margin:0;
    padding:0 16px}footer .footer-mesg{
    width:100%;
    padding-left:0}footer .footer-opt{
    padding-left:0;
    padding-right:0}footer .contact-container{
    width:260px;
    overflow:hidden;
    margin:0 auto}footer .footer-mesg li{
    width:100%}footer .footer-mesg li:nth-child(odd) .ico{
    left:0}footer .footer-mesg li:nth-child(odd){
    padding-left:24px}footer .footer-code{
    }footer .footer-code:nth-child(2){
    margin-left:-128px}footer .footer-code:nth-child(3){
    margin-left:28px}footer .footer-logo{
    display:none}footer .copyright{
    position:static;
    margin:16px auto}footer .copyright span{
    display:block}}

.footer-links{
    padding-top:16px;
    box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1)}

.footer-links .link-header{
    font-weight:600;
    color:rgba(255,255,255,.42)}

.footer-links .link-header .chat{
    display:inline-block;
    margin-left:4px;
    padding:0 8px;
    border-radius:100px;
    font-weight:400;
    color:#5182E4;
    border:1px solid rgba(81,130,228,.4)}

.footer-links .link-body{
    margin-top:8px}

.footer-links .link-body .links-item-wrap{
    display:inline-block}

.footer-links .link-body .links-item-wrap+.links-item-wrap{
    margin-left:12px;
    color:rgba(255,255,255,.7)}@media screen and (max-width:767px){
    .footer-links .link-body{
    padding:0 24px}}

.introduce .introduce-item{
    position:relative;
    padding:0 24px}

.introduce .introduce-item .img-wrap{
    position:relative;
    margin:0 -24px;
    height:280px;
    overflow:hidden}

.introduce .introduce-item .info-wrap{
    position:relative;
    margin-top:48px;
    padding-top:32px}

.introduce .introduce-item .info-wrap::before{
    position:absolute;
    top:0;
    right:0;
    left:0;
    content:'';
    display:block;
    width:50px;
    height:8px;
    margin:0 auto;
    background:#7EDFDD}

.introduce .introduce-item .info-wrap .info-title{
    margin-bottom:16px;
    line-height:33px;
    font-size:24px;
    font-weight:300;
    text-align:center;
    color:rgba(10,18,32,.87)}

.introduce .introduce-item .info-list{
    margin-bottom:24px}

.introduce .introduce-item .info-list .info-list-item{
    position:relative;
    padding-left:18px;
    line-height:26px;
    font-size:14px;
    text-align:justify;
    color:rgba(10,18,32,.64)}

.introduce .introduce-item .info-list .info-list-item::before{
    content:'';
    position:absolute;
    top:9px;
    left:0;
    display:block;
    width:10px;
    height:10px;
    border-radius:100%;
    border:2px solid #7EDFDD}

.introduce .introduce-item .free-use-btn{
    display:block;
    width:140px;
    margin:0 auto;
    text-align:center}

.introduce .introduce-item:nth-child(1){
    -webkit-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -moz-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -ms-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -o-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%)}

.introduce .introduce1_1{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce1-1_29f3940.png) center center no-repeat;
    background-size:contain}

.introduce .introduce1_2{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce1-2_aeda35e.png) center center no-repeat;
    background-size:contain}

.introduce .introduce1_3{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce1-3_3fa13c0.png) center center no-repeat;
    background-size:contain}

.introduce .introduce1_4{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce1-4.png) center center no-repeat;
    background-size:contain}

.introduce .introduce1_5{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce1-5.png) center center no-repeat;
    background-size:contain}

.introduce .introduce2_1{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce2-1_4b4070e.png) center center no-repeat;
    background-size:contain}

.introduce .introduce2_2{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce2-2_252fa15.png) center center no-repeat;
    background-size:contain}

.introduce .introduce2_3{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce2-3_91daf96.png) center center no-repeat;
    background-size:contain}

.introduce .introduce2_4{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce2-4.png) center center no-repeat;
    background-size:contain}

.introduce .introduce2_5{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce2-5.png) center center no-repeat;
    background-size:contain}

.introduce .introduce3_1{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce3-1_e6bceb8.png) center center no-repeat;
    background-size:contain}

.introduce .introduce3_2{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce3-2_afa0a55.png) center center no-repeat;
    background-size:contain}

.introduce .introduce3_3{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce3-3_11af140.png) center center no-repeat;
    background-size:contain}

.introduce .introduce3_4{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce3-4.png) center center no-repeat;
    background-size:contain}

.introduce .introduce3_5{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce3-5.png) center center no-repeat;
    background-size:contain}

.introduce .introduce4_1{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce4-1_7308489.png) center center no-repeat;
    background-size:contain}

.introduce .introduce4_2{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce4-2_1a166a0.png) center center no-repeat;
    background-size:contain}

.introduce .introduce4_3{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce4-3_f034040.png) center center no-repeat;
    background-size:contain}

.introduce .introduce4_4{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce4-4_9592a48.png) center center no-repeat;
    background-size:contain}

.introduce .introduce4_5{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce4-5_9c3bd56.png) center center no-repeat;
    background-size:contain}

.introduce .introduce5_1{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce5-1_94287d6.png) center center no-repeat;
    background-size:contain}

.introduce .introduce5_2{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce5-2_0b28fec.png) center center no-repeat;
    background-size:contain}

.introduce .introduce5_3{
    position:absolute;
    width:100%;
    height:100%;
    background:url(/personal/img/introduce/introduce5-3_cecc53c.png) center center no-repeat;
    background-size:contain}

.introduce .introduce5_4{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce5-4.png) center center no-repeat;
    background-size:contain}

.introduce .introduce5_5{
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../personal/img/introduce/introduce5-5.png) center center no-repeat;
    background-size:contain}@media (min-width:460px){
    .introduce .introduce-item{
    padding:0 80px}

.introduce .introduce-item .img-wrap{
    height:360px;
    margin:0}

.introduce .introduce-item .info-wrap{
    margin-top:64px;
    padding-top:40px}

.introduce .introduce-item .info-wrap .info-title{
    margin-bottom:24px;
    line-height:42px;
    font-size:30px}

.introduce .introduce-item .info-list{
    margin-bottom:32px}

.introduce .introduce-item:nth-child(1){
    -webkit-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -moz-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -ms-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -o-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%)}}@media (min-width:769px){
    .introduce .introduce-item{
    position:relative;
    padding:0;
    margin-bottom:64px}

.introduce .introduce-item .img-wrap{
    height:100%;
    position:absolute;
    width:50%;
    overflow:visible}

.introduce .introduce-item .info-wrap{
    width:440px;
    max-width:50%;
    margin-top:80px;
    padding-top:40px}

.introduce .introduce-item .info-wrap::before{
    right:auto;
    margin:0}

.introduce .introduce-item .info-wrap .info-title{
    text-align:left;
    margin-bottom:24px}

.introduce .introduce-item .info-list{
    margin-bottom:32px}

.introduce .introduce-item .info-list .info-list-item{
    position:relative;
    padding-left:18px;
    line-height:28px;
    font-size:14px;
    text-align:justify;
    color:rgba(10,18,32,.64)}

.introduce .introduce-item .info-list .info-list-item::before{
    top:9px;
    left:0}

.introduce .introduce-item .free-use-btn{
    display:inline-block;
    width:auto;
    margin:0}

.introduce .introduce-item:nth-child(1){
    -webkit-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -moz-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -ms-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    -o-background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%);
    background:linear-gradient(-180deg,#F3F8FC 0,#fff 100%)}

.introduce .introduce-item:nth-child(even) .img-wrap{
    right:50%}

.introduce .introduce-item:nth-child(even) .img-wrap>div{
    background-position:right center}

.introduce .introduce-item:nth-child(even) .info-wrap{
    float:right;
    padding-right:80px}

.introduce .introduce-item:nth-child(odd) .img-wrap{
    left:50%}

.introduce .introduce-item:nth-child(odd) .img-wrap>div{
    background-position:left center}

.introduce .introduce-item:nth-child(odd) .info-wrap{
    float:left;
    padding-left:80px}

.introduce .introduce-item:nth-child(odd) .info-wrap::before{
    left:80px}}@media (min-width:992px){
    .introduce .introduce-item{
    height:560px;
    margin-bottom:0}

.introduce .introduce-item .info-wrap{
    width:530px;
    max-width:50%;
    margin-top:132px}}
@keyframes fadeInOut{
    0%{
    opacity:1}50%{
    opacity:0}100%{
    opacity:1}}

.links{
    width:100%;
    background:#F3F7FD}

.links .container{
    overflow:hidden}

.links .links-list{
    width:100%;
    position:relative;
    margin-left:4px;
    white-space:nowrap;
    transition:all .2s ease-in-out}

.links .links-list.animated{
    -webkit-animation:fadeInOut 1s ease-in-out 0s 1;
    -moz-animation:fadeInOut 1s ease-in-out 0s 1;
    -ms-animation:fadeInOut 1s ease-in-out 0s 1;
    -o-animation:fadeInOut 1s ease-in-out 0s 1;
    animation:fadeInOut 1s ease-in-out 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.links .links-item-wrap{
    display:inline-block;
    width:20%;
    height:100px;
    margin-left:-4px;
    text-align:center;
    white-space:nowrap}

.links .links-item-wrap .links-item{
    display:inline-block;
    width:100%;
    padding:32px 16px}

.links .links-item-wrap .links-item:hover{
    background:rgba(133,142,160,.1)}

.links .ico-afenxi{
    background:url(/personal/img/links/afenxi_ab60242.png) center center no-repeat}

.links .ico-chaojibiaoge{
    background:url(/personal/img/links/chaojibiaoge_6268f9a.png) center center no-repeat}

.links .ico-huobanyun{
    background:url(/personal/img/links/huobanyun_54f61b1.png) center center no-repeat}

.links .ico-jinshuju{
    background:url(/personal/img/links/jinshuju_1faddf5.png) center center no-repeat}

.links .ico-kesci{
    background:url(/personal/img/links/kesci_a2839ab.png) center center no-repeat}

.links .ico-lingxin{
    background:url(/personal/img/links/lingxin_336d093.png) center center no-repeat}

.links .ico-mingdao{
    background:url(/personal/img/links/mingdao_24f3d00.png) center center no-repeat}

.links .ico-shujuyuan{
    background:url(/personal/img/links/shujuyuan_52202ab.png) center center no-repeat}

.links .ico-yiqixie{
    background:url(/personal/img/links/yiqixie_c1c5833.png) center center no-repeat}

.links .ico-links{
    width:100%;
    display:inline-block;
    height:36px;
    width:100%;
    background-size:contain}@media (max-width:769px){
    .links .links-item-wrap{
    width:25%}}@media (max-width:460px){
    .links .links-item-wrap{
    width:33.3333%}}
#MEIQIA-BTN-HOLDER{
    display:none!important}

.personal-help{
    position:fixed;
    right:16px;
    bottom:16px;
    z-index:10010}

.personal-help .tooltip-help,.personal-help .pannel-question{
    position:fixed;
    right:16px;
    bottom:60px}

.personal-help .btn-help{
    width:36px;
    height:36px;
    padding-top:8px;
    text-align:center;
    border-radius:100%;
    cursor:pointer;
    background:#5182E4;
    box-shadow:0 12px 24px rgba(52,117,234,.15),0 0 12px rgba(63,116,223,.495386);
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out}

.personal-help .btn-help:hover{
    background:#5990FF;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)}

.personal-help .btn-help:hover+.tooltip-help{
    display:block}

.personal-help .btn-help.has-unread::before{
    right:2px;
    top:4px}

.personal-help .tooltip-help{
    display:none;
    z-index:1;
    padding:2px 8px;
    line-height:20px;
    border-radius:2px;
    font-weight:700;
    background:rgba(11,19,32,.87);
    color:#fff}

.personal-help .pannel-question{
    display:none;
    z-index:10;
    padding:12px 0;
    border-radius:4px;
    background:#fff;
    box-shadow:0 12px 16px rgba(39,56,89,.09726),0 2px 6px rgba(0,0,0,.0989866)}

.personal-help .pannel-question .pannel-header{
    padding:0 16px 8px}

.personal-help .pannel-question .pannel-header .header-item{
    display:inline-block;
    padding:0;
    line-height:32px;
    font-weight:700;
    font-size:14px}

.personal-help .pannel-question .pannel-header .header-item.active{
    color:#5182e4;
    box-shadow:0 -2px 0 0 #5182E4 inset}

.personal-help .question-list{
    width:320px}

.personal-help .question-list .question-item{
    padding:12px 0;
    cursor:pointer}

.personal-help .question-list .question-item .quertion{
    display:block;
    padding:0 16px;
    font-size:14px;
    color:rgba(10,18,32,.87)}

.personal-help .question-list .question-item .answer{
    display:none;
    padding:16px 24px 0 36px;
    font-size:13px;
    line-height:24px}

.personal-help .question-list .question-item:hover,.personal-help .question-list .question-item.active{
    background:rgba(225,228,232,.42)}

.personal-help .question-list .divider{
    height:1px;
    margin:8px auto;
    background:rgba(0,0,0,.10411)}

.personal-help .ico-triangle-right{
    background:url(../images/icon/triangle-right_7b3ac92.svg)}

.personal-help .ico-help-white{
    background:url(../images/icon/help_icon.png)}

/*.personal-help .ico-help-other{
    width:16px;
    height:16px;
    background:url(/personal/img/meiqia/help-other_03f1532.png);
    background-size:cover}

.personal-help .ico-turn-right{
    width:16px;
    height:16px;
    background:url(/personal/img/meiqia/turn-right_01d0ed4.png);
    background-size:cover}*/

.nav-fixed .navbar{
    padding-top:0;
    position:fixed;
    top:-64px;
    left:0;
    width:100%;
    z-index:123;
    background:#fff;
    box-shadow:0 -1px 0 0 rgba(0,0,0,.08) inset;
    -webkit-animation:slideDown .2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -moz-animation:slideDown .2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -ms-animation:slideDown .2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -o-animation:slideDown .2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    animation:slideDown .2s cubic-bezier(0.215,.61,.355,1) 0s 1;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both}

.nav-fixed .navbar .navbar-logo{
    float:left;
    margin:0 20px;
    background:url(../images/nav/personal_logo_0d1700d.png) no-repeat;
    background-size:contain}

.nav-fixed .navbar a{
    color:rgba(10,18,32,.64)}

.nav-fixed .navbar .nav-list{
    padding:0}

.nav-fixed .navbar .nav-list .nav-list-item{
    height:64px;
    line-height:64px}

.nav-fixed .navbar .nav-list .nav-list-item.active a{
    color:#5182e4}

.nav-fixed .navbar .nav-list .nav-list-item:hover{
    color:#5182e4}

.nav-fixed .navbar .nav-list .nav-list-item:hover a{
    color:#5182e4}

.nav-fixed .navbar .nav-list .nav-list-item::before{
    background:#5182e4}

.nav-fixed .navbar .btn-animation{
    border-color:#5182e4;
    color:#5182e4}

.nav-fixed .navbar .btn-animation:hover{
    color:#fff}

.nav-fixed .navbar .btn-animation:hover::before{
    background:#5182e4}

.nav-fixed .navbar .ico-list{
    margin-top:12px;
    background-image:url(../images/icon/list-light_e91becf.png)}@keyframes slideDown{
    0%{
    top:-64px}100%{
    top:0}}@-o-keyframes slideDown{
    0%{
    top:-64px}100%{
    top:0}}@-moz-keyframes slideDown{
    0%{
    top:-64px}100%{
    top:0}}@-webkit-keyframes slideDown{
    0%{
    transform:scale(1);
    opacity:1}50%{
    transform:scale(0);
    opacity:.6}100%{
    transform:scale(1);
    opacity:1}}

.nav-hide{
    display:block}

.navbar{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    padding-top:16px;
    font-size:14px;
    z-index:400}

.navbar a{
    color:#fff}

.navbar .navbar-header{
    float:left;
    height:64px;
    line-height:64px}

.navbar .navbar-logo{
    float:left;
    width:116px;
    height:64px;
    margin:0 20px;
    background:url(../images/nav/logo_cb26fff.png) no-repeat;
    background-size:contain;
    transition:all .2s ease-in-out}

.navbar .navbar-logo:hover{
    transform:scale(0.9)}

.navbar .navbar-logo img{
    height:64px}

.navbar .navbar-toggle{
    float:right;
    display:none}

.navbar .navbar-toggle.collapsed{
    display:none}

.navbar .navbar-nav.navbar-right{
    float:right}

.navbar .navbar-nav.navbar-left{
    float:left}

.navbar .nav-list{
    margin-left:-32px;
    padding:15px 0;
    font-weight:700}

.navbar .nav-list:hover .nav-list-item{
    opacity:.36}

.navbar .nav-list:hover .nav-list-item:hover{
    opacity:1}

.navbar .nav-list:hover .nav-list-item:hover::before{
    transform:scaleX(1)}

.navbar .nav-list .nav-list-item{
    position:relative;
    float:left;
    margin-left:32px;
    height:32px;
    line-height:32px;
    color:rgba(255,255,255,.42);
    transition:all .2s ease-in-out}

.navbar .nav-list .nav-list-item a{
    display:block}

.navbar .nav-list .nav-list-item.active{
    color:#fff;
    opacity:1}

.navbar .nav-list .nav-list-item::before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:2px;
    background:#fff;
    transform:scaleX(0);
    transition:all .3s ease-in-out}

.navbar .nav-list .nav-list-item.active::before{
    transform:scaleX(1)}

.navbar .nav-list .nav-list-item:hover{
    color:#fff}

.navbar .nav-button-group{
    margin-right:4px;
    padding:16px 0}

.navbar .nav-button-group .nav-list-item{
    float:left}

.navbar .nav-button-group .btn-animation{
    margin-right:16px}

.navbar .ico-list{
    display:inline-block;
    width:32px;
    height:32px;
    /*background:url(/personal/img/nav/list_e0366fa.png?__sprite);*/
    background-size:cover}@media screen and (max-width:767px){
    .nav-hide{
    display:none}

.nav-fixed .navbar{
    top:0}

.navbar{
    position:absolute;
    padding-top:0}

.navbar a{
    color:rgba(0,0,0,.54)}

.navbar .navbar-logo{
    width:104px;
    height:56px;
    margin:0 12px}

.navbar .navbar-header{
    width:100%;
    height:56px}

.navbar .navbar-collapse{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    background:rgba(255,255,255,.98)}

.navbar .navbar-nav{
    width:100%}

.navbar .navbar-toggle.collapsed{
    margin-right:16px;
    display:inline-block}

.navbar .navbar-toggle.close-toggle{
    position:relative;
    z-index:800;
    display:block;
    margin-top:12px;
    margin-bottom:12px}

.navbar .nav-button-group{
    padding:0}

.navbar .nav-button-group .nav-list-item{
    width:100%;
    height:48px;
    line-height:48px;
    text-align:center;
    font-weight:400;
    border-bottom:1px solid rgba(0,0,0,.06)}

.navbar .nav-button-group .btn-animation{
    margin-right:0}

.navbar .nav-list{
    padding:0;
    margin-left:0}

.navbar .nav-list:hover .nav-list-item{
    opacity:1}

.navbar .nav-list .nav-list-item{
    width:100%;
    height:48px;
    margin-left:0;
    line-height:48px;
    text-align:center;
    font-weight:700;
    border-bottom:1px solid rgba(0,0,0,.06);
    opacity:1}

.navbar .nav-list .nav-list-item.active{
    border-bottom:1px solid rgba(0,0,0,.06)}

.navbar .nav-list .nav-list-item.active a{
    color:#5182E4}

.navbar .nav-list .nav-list-item::before{
    display:none}

.navbar .btn-animation{
    font-weight:400;
    color:rgba(0,0,0,.54)}

.navbar .ico-list{
    margin-top:12px}}

.download-modal-wrapper{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10100}

.download-modal-bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:-1}

.download-modal{
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    position:absolute;
    width:500px;
    max-width:90%;
    height:360px;
    font-size:18px;
    background:rgba(255,255,255,.96);
    text-align:center}

.download-modal-header .modal-close{
    width:16px;
    height:16px;
    background:url(/personal/img/nav/modal_close_d3b3536.png?__sprite) no-repeat center center;
    cursor:pointer;
    position:absolute;
    right:20px;
    top:20px}

.download-modal-body .download-code{
    width:200px}

.download-modal-body .download-sub-title{
    width:146px;
    height:16px;
    background:url(/personal/img/nav/word_fd4b972.svg) no-repeat left center;
    margin:18px auto}

.download-slogan{
    font-size:12px;
    margin:10px 32px}

.download-modal-body .download-title{
    margin-top:40px;
    color:rgba(0,0,0,.82)}

.important-notice{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:800;
    width:100%;
    text-align:center;
    color:rgba(0,0,0,.87);
    cursor:pointer}

.important-notice .notice-link{
    display:block}

.important-notice .important-notice-close{
    position:absolute;
    top:16px;
    right:16px;
    width:24px;
    height:24px;
    font-size:24px;
    line-height:20px;
    text-align:center;
    transition:all .2s ease-in-out;
    cursor:pointer;
    color:rgba(255,255,255,.6);
    transition:all .2s ease-in-out}

.important-notice .important-notice-close:hover{
    color:#fff;
    transform:rotate(180deg)}

.ico-close{
    width:32px;
    height:32px;
    font-size:24px;
    line-height:20px;
    text-align:center;
    transition:all .2s ease-in-out;
    cursor:pointer;
    margin-right:4px}

.ico-close::after{
    content:'×';
    display:block;
    width:100%;
    height:100%;
    line-height:32px;
    text-align:center;
    color:rgba(0,0,0,.64);
    transition:all .2s ease-in-out}

.ico-close:hover::after{
    color:#5182E4}

.ico-cancel{
    background:url(/static/img/icons/ico_cancel.png?__sprite) 0 0 no-repeat}

.activity-banner{
    width:100%;
    height:56px}

.activity-bg-a{
    background:url() center no-repeat;
    background:url() center no-repeat;
    background:url() center no-repeat;
    background-size:1000px 56px}

.mt64{
    margin-top:56px}

.mt128{
    margin-top:110px!important}@media screen and (max-width:767px){
    .important-notice .important-notice-close{
    right:8px}

.important-notice{
    line-height:24px;
    height:auto}}

.propaganda{
    position:relative;
    height:560px;
    padding-top:155px;
    background:url(/personal/img/propaganda/bg_588a4a7.png) top center no-repeat,-webkit-linear-gradient(335deg,#974FF4 0,#6788FF 100%);
    background:url(/personal/img/propaganda/bg_588a4a7.png) top center no-repeat,-o-linear-gradient(335deg,#974FF4 0,#6788FF 100%);
    background:url(/personal/img/propaganda/bg_588a4a7.png) top center no-repeat,linear-gradient(65deg,#974FF4 0,#6788FF 100%)}

.propaganda .container{
    position:relative}

.propaganda .propaganda-content{
    position:absolute;
    right:0;
    width:530px;
    max-width:50%;
    padding-right:80px}

.propaganda .propaganda-img{
    position:absolute;
    right:50%;
    top:0;
    width:50%;
    height:560px;
    background:url(/personal/img/propaganda/computer_aa462ef.png) right 20px no-repeat;
    background-size:520px}

.propaganda .propaganda-title{
    margin:0 0 24px;
    font-weight:300;
    color:#fff;
    font-size:36px;
    line-height:50px}

.propaganda .propaganda-slogan{
    margin-bottom:32px;
    line-height:28px;
    font-size:14px;
    color:rgba(255,255,255,.7)}

.propaganda .free-use-btn.btn-white{
    color:#3748A5}

.propaganda .free-use-btn.btn-white:hover{
    color:#3F46DA}@media (max-width:768px){
    .propaganda{
    height:auto;
    padding-top:80px;
    padding-bottom:80px;
    text-align:center}

.propaganda .propaganda-content{
    position:static;
    left:0;
    width:100%;
    max-width:100%;
    padding:0 80px}

.propaganda .propaganda-img{
    width:100%;
    position:static;
    height:280px;
    background-position:center center;
    background-size:contain}

.propaganda .propaganda-title{
    font-size:36px;
    line-height:50px}}@media (max-width:459px){
    .propaganda{
    padding-top:64px;
    padding-bottom:0}

.propaganda .propaganda-content{
    padding:0 24px}

.propaganda .propaganda-img{
    background-size:contain}

.propaganda .propaganda-title{
    margin-bottom:16px;
    font-size:28px;
    line-height:1.6em}

.propaganda .propaganda-slogan{
    margin-bottom:24px}}

.security{
    height:560px;
    padding-top:100px;
    background:#1C1F37 url(/personal/img/security/bg_76335cc.png) top center no-repeat}

.security .security-title{
    margin:0 0 80px;
    font-weight:300;
    text-align:center;
    color:#fff;
    font-size:36px;
    line-height:50px}

.security .security-list{
    max-width:1200px;
    margin:0 auto}

.security .security-item-wrap{
    float:left;
    width:25%}

.security .security-item-wrap .security-item{
    max-width:220px;
    margin:0 auto}

.security .security-item-wrap .symbol{
    width:50px;
    height:50px;
    margin:0 auto 24px}

.security .security-item-wrap .summary{
    margin-bottom:16px;
    line-height:22px;
    text-align:center;
    font-size:16px;
    color:rgba(255,255,255,.87)}

.security .security-item-wrap .detail{
    max-height:80px;
    line-height:20px;
    text-align:center;
    font-size:12px;
    opacity:.6;
    color:#fff}

.security .ico-security{
    display:inline-block;
    width:50px;
    height:50px}

.security .ico-security-1{
    background:url(/personal/img/security/security1_8e677e0.png) 0 0 no-repeat;
    background-size:cover}

.security .ico-security-2{
    background:url(/personal/img/security/security2_d35064b.png) 0 0 no-repeat;
    background-size:cover}

.security .ico-security-3{
    background:url(/personal/img/security/security3_75aaec0.png) 0 0 no-repeat;
    background-size:cover}

.security .ico-security-4{
    background:url(/personal/img/security/security4_c337af9.png) 0 0 no-repeat;
    background-size:cover}@media (max-width:768px){
    .security{
    height:auto;
    padding:80px 0;
    background-size:768px}

.security .security-title{
    font-size:36px;
    line-height:50px}

.security .security-list{
    margin-top:-40px}

.security .security-item-wrap{
    width:50%;
    margin-top:40px}

.security .security-item-wrap .detail{
    height:100px}}@media (max-width:459px){
    .security{
    padding:64px 0;
    background-size:614px}

.security .security-title{
    font-size:28px;
    line-height:1.6em}

.security .security-list{
    margin-top:-32px}

.security .security-item-wrap{
    margin-top:32px;
    padding:0 10px}

.security .security-item-wrap .summary{
    font-size:14px}

.security .security-item-wrap .detail{
    display:none}}
